import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'
import './assets/reset.css'
// 1. 引入 Element Plus
import ElementPlus from 'element-plus'
// 2. 引入 Element Plus 的基础样式
import 'element-plus/dist/index.css'
import 'element-plus/theme-chalk/display.css'

// 3. 如果需要使用中文语言包 (可选)
import zhCn from 'element-plus/es/locale/lang/zh-cn'

// 引入路由
import router from './router'
import { createPinia } from 'pinia'
import { useAuthStore } from './stores/auth'

const app = createApp(App)

// 使用插件
app.use(ElementPlus, {
  locale: zhCn, // 设置语言为中文
  size: 'default', // 设置默认组件大小 'small' | 'default' | 'large'
  zIndex: 3000,   // 设置默认 z-index
})

// 先创建Pinia实例
const pinia = createPinia()
app.use(pinia)

// 在应用挂载前设置模拟登录状态
const authStore = useAuthStore()
// 生成默认头像
const defaultAvatar = `https://api.dicebear.com/7.x/personas/svg?seed=admin`
authStore.login('mock_admin_token', 'admin', defaultAvatar)

// 使用路由
app.use(router)

// 挂载应用
app.mount('#app')
